<template>
  <div class="profile">
    <!-- 头部区域 -->
    <p-header></p-header>
    <!-- 登录区域 -->
    <p-login @click.native="login"></p-login>
    <!-- 钱包区域 -->
    <p-wallet></p-wallet>
  </div>
</template>

<script>
import PHeader from './children/PHeader'
import PLogin from './children/PLogin'
import PWallet from './children/PWallet'

export default {
  name: 'Profile',
  components: {
    PHeader,
    PLogin,
    PWallet
  },
  methods: {
    login() {
      this.$router.replace('/login')
    }
  }
}
</script>

<style lang="less" scoped>
.profile {
  font-size: 18px;
}
</style>